<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
        <title>新建选择题</title>
        <include file='Layout:ins_css' />
        <style type="text/css">
            #addBtn {
                float: right;
                margin: -7px -6px 9px;
            }
            .choose-tools{
                height: 41px;
                border-color: #edf1f2;
                background-color: #f6f8f8;
                color: #333;
                font-weight: 700;
                border-radius: 2px 2px 0 0;
                padding: 15px 15px 3px 15px;
                border-bottom: 1px solid transparent;
                display: block;
                clear: both;
            }
            .price-div textarea {
                /*float: left;*/
                width: 80%;
                max-width: 74em;
                margin-right: 10px;

            }
            .cyf-form-group{
                margin-top: 20px;
                margin-bottom: 20px;
            }
            .cvbm{
                font-size: 16px;
            }
            .price-div select {
                /*float: left;*/
                width: 60%;
                max-width: 16em;
                margin-right: 10px;
                min-height: 35px;
                height: 35px;
            }

        </style>
    </head>
    <body>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-title">
                            <h5>新建选择题</h5>
                            <!--<button class="btn btn-primary" id="addBtn">新增</button>-->
                        </div>
                        <div class="row s-row">
                            <div class="col-sm-12">
                                <div class="price-div">
                                    <form class="form-horizontal" id="form">
                                        <div class="form-group cyf-form-group">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">课程: </label>
                                                <select class="form-control col-sm-" id="college_id" name="college_id">
                                                    <option value="0">- 请选择 -</option>
                                                    <volist name="course_info" id="vo">
                                                        <option value="{$vo.cou_id}">{$vo.name}</option>
                                                    </volist>
                                                </select>
                                            </div>
                                            <div class="col-sm-4">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">知识点: </label>
                                                <select class="form-control col-sm-" id="" name="">
                                                    <option value="0">- 请选择 -</option>
                                                    <volist name="college_info" id="college_info">
                                                        <option value="{$college_info.sch_id}">{$college_info.sch_name}</option>
                                                    </volist>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group cyf-form-group">
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">习题号: </label>
                                                <select class="form-control col-sm-" id="" name="">
                                                    <option value="0">- 请选择 -</option>
                                                    <volist name="college_info" id="college_info">
                                                        <option value="{$college_info.sch_id}">{$college_info.sch_name}</option>
                                                    </volist>
                                                </select>
                                            </div>
                                            <div class="col-sm-4">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">状态: </label>
                                                <select class="form-control col-sm-" id="" name="">
                                                    <option value="0">- 请选择 -</option>
                                                    <volist name="college_info" id="college_info">
                                                        <option value="{$college_info.sch_id}">{$college_info.sch_name}</option>
                                                    </volist>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group cyf-form-group" >
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">创建者: </label>
                                                <select class="form-control col-sm-" id="" name="">
                                                    <option value="0">- 请选择 -</option>
                                                    <volist name="college_info" id="college_info">
                                                        <option value="{$college_info.sch_id}">{$college_info.sch_name}</option>
                                                    </volist>
                                                </select>
                                            </div>
                                            <div class="col-sm-4">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">题型: </label>
                                                <select class="form-control col-sm-" id="" name="" >
                                                    <option value="0">- 请选择 -</option>
                                                    <volist name="college_info" id="college_info">
                                                        <option value="{$college_info.sch_id}">{$college_info.sch_name}</option>
                                                    </volist>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group cyf-form-group" >
                                            <div class="col-sm-4 col-sm-offset-2">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">难度: </label>
                                                <select class="form-control col-sm-" id="" name="" style="min-height: 35px">
                                                    <option value="0">- 请选择 -</option>
                                                    <volist name="college_info" id="college_info">
                                                        <option value="{$college_info.sch_id}">{$college_info.sch_name}</option>
                                                    </volist>
                                                </select>
                                            </div>
                                            <div class="col-sm-4">
                                                <label style="float: left" class="col-sm-4 control-label cvbm">题库: </label>
                                                <select class="form-control col-sm-" id="" name="" >
                                                    <option value="0">- 请选择 -</option>
                                                    <option value="1">练习题</option>
                                                    <option value="2">测试题</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group cyf-form-group" >
                                            <div class="col-sm-8 col-sm-offset-2">
                                                <label style="float: left" class="col-sm-2 control-label cvbm">标题: </label>
                                                <input type="text" style="max-width: 100%;width: 80%" placeholder="" class="form-control cyf-inpput">
                                            </div>
                                        </div>
                                        <div class="form-group cyf-form-group">
                                            <div class="col-sm-8 col-sm-offset-2">
                                                <label style="float: left" class="col-sm-2 control-label cvbm">内容: </label>
                                                <textarea name="" id="" class="form-control  cyf-inpput removeData" rows="" cols="" style="height: 100px;"></textarea>
                                            </div>
                                        </div>
                                        <div class="form-group cyf-form-group">
                                            <div class="col-sm-8 col-sm-offset-2">
                                                <label style="float: left" class="col-sm-2 control-label cvbm">选项: </label>
                                                <textarea name="" id="" class="form-control  cyf-inpput removeData" rows="" cols="" style="height: 100px;"></textarea>
                                                <div class="checkbox col-sm-2 col-sm-offset-2" >
                                                    <label><input type="checkbox" value="">正确选项</label>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="row choose-tools" style="height: 60px">
                                <div class="col-sm-5 col-sm-offset-4">
                                    <div class="col-xs-3">
                                        <button style="float: right" class="btn btn-primary" id="subBtn" type="button">保存</button>
                                    </div>
                                    <div class="col-xs-4">
                                        <button style="float: right" class="btn btn-primary" id="addChoose" type="button">继续添加选项</button>
                                    </div>
                                    <div class="col-xs-3">
                                        <button  style="float: right" class="btn btn-white" id="cancelBtn" type="button">取消</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <include file='Layout:ins_js' />
        <script type="text/javascript">
            $(document).ready(function () {
                //自检
                check_index();
            });
            $('#addChoose').on('click',function () {
                
                var content = "<div class='form-group cyf-form-group' >";
                   content += " <div class='col-sm-5 col-sm-offset-4'>" ;
                   content += "     <label style='float: left' class='col-sm-3 cyf-label'>选项: </label>";
                   content += "     <div class='col-sm-9 col-xs-11 cyf-col'> <textarea name='' id='' class='form-control  cyf-inpput removeData' rows='' cols='' style='height: 100px;'></textarea> <div class='checkbox'> <label><input type='checkbox' value=''>正确选项</label> </div></div>";
                   content += " </div>";
                   content += "</div>";
                   $('#form').append(content);
            });
        </script>
    </body>
</html>